<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<form id="login-form" action="${pageContext.request.contextPath}/ReportServlet.do" method="post">
<input type="hidden" value="${host_id}" name="host_id" id="host_id"/> 
<p><textarea style="width: 400px;height: 130px;margin: 0px;padding: 0px;border: 1px solid #CCCCCC;" id="rep_content" name="rep_content" title="在此填写您举报的内容">在此填写您举报的内容</textarea></p>
</form> 
<!-- IE8 style 标签写在HTML片段下方才能生效 -->
<style type="text/css">
	#login-form p { padding:5px;  }
	#login-form input { width:15em; padding:4px; border:1px solid #CCC; } 
	#login-form input:focus { border-color:#426DC9; }
	#login-form .login-form-error { background:#FFFBFC; border-color:#F00 !important; }
</style>
<!--
	1、 script的类型如果是 text/dialog ，将会在对话框内部执行（类似init参数的回调），变量不会污染全局
    2、 如果使用jquery.artDialog，标准script的标签也能被执行
    3、 本页编码要与对话框所在页面编码保持一致
-->
<script type="text/dialog">
var api = this,// 对话框扩展方法
	$ = function (id) {return document.getElementById(id)},
	form = $('login-form'),
	rep_content = $('rep_content')

// 操作对话框
api.title('在此填写您举报的内容')
	// 自定义按钮
	.button(
		{
			name: '提交',
			callback: function () {
				if (check(rep_content)) form.submit();
				return false;
			},
			focus: true
		},
		{
			name: '取消'
		}
		/*, 更多按钮.. */
	)
	// 锁屏
	.lock();
	
rep_content.focus();

// 表单验证
var check = function (input) {
	if (input.value === '') {
		inputError(input);
		input.focus();
		return false;
	} else {
		return true;
	};
};

// 输入错误提示
var inputError = function (input) {
	clearTimeout(inputError.timer);
	var num = 0;
	var fn = function () {
		inputError.timer = setTimeout(function () {
			input.className = input.className === '' ? 'login-form-error' : '';
			if (num === 5) {
				input.className === '';
			} else {
				fn(num ++);
			};
		}, 150);
	};
	fn();
};
</script>
 